<template>
  <view class="make">
      <view class="list">
          <view class="item" v-for="(item,index) in 400" :key="index">
              <text>{{ info.sourceCode }}</text>
              <text>{{ info.watermarking }}</text>
          </view>
      </view>
  </view>
</template>

<script>
  export default {
      name: "watermark",
      props: {
          info: {
              type: Object,
              default: {},
          }
      },
      data() {
          return {

          };
      }
  }
</script>

<style lang="scss" scoped>
  .make {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: -1;
      background: rgba(0, 0, 0, 0);
      pointer-events: none;
      .list {
          width: 500%;
          height: 400%;
          position: absolute;
          top: -50%;
          left: -50%;
          transform: rotate(-10deg);
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          pointer-events: none;
          .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 24rpx;
            color: #96ceff66;
            padding: 80rpx;
            pointer-events: none;
          }
      }
  }
</style>